<!-- @top.html -->
  <script type="text/javascript">
      $(function(){
        var _ft = true;
        $("#searchInput").off("keyup").on("keyup",function(event){
          event.preventDefault();
          if(_ft){
            $("#resultDiv").show();
            _ft = false;
          }
          $("#topicDiv").show();
          $("#articleDiv").show();
          var val = $("#searchInput").val().trim();
          if(val == ''){
            //$("#topicDiv").hide();
            //$("#articleDiv").hide();
            $("#resultDiv").hide();
            _ft = true;
          }
          $("#searchTopic").html(val);
          $("#searchArticle").html(val);
          $("#topicFir").html('');
          $("#topicSec").html('');
          $("#topicThr").html('');
          $("#articleFir").html('');
          $("#articleSec").html('');
          $("#articleThr").html('');
          re=new RegExp(val,"g");
      if(val != ''){
        $.ajax({
              cache: true,
              type: "POST",
              dataType: "json",
              url:"/topic/searchTopicAjax",
              data:$('#searchForm').serialize(),
              async: true,
              error: function(request) {
              },
              success: function(data) {
                /* if(data.length == 0){
                  $("#topicDiv").hide();
                  $("#topicFir").html('');
                  $("#topicSec").html('');
                  $("#topicThr").html('');
                }else{
                } */
                if(data.length<=0) return;
                if(data.length == 1){
                  var newstart1=data[0].topicName.replace(re,'<span class="jia_11">'+val+'</span>');
                  $("#topicFir").html("<a href='/topic?id="+data[0].id+"'>"+newstart1+"</a>");
                  /* $("#topicSec").hide();
                  $("#topicThr").hide(); */
                }else if(data.length == 2){
                  var newstart1=data[0].topicName.replace(re,'<span class="jia_11">'+val+'</span>');
                  var newstart2=data[1].topicName.replace(re,'<span class="jia_11">'+val+'</span>');
                  $("#topicFir").html("<a href='/topic?id="+data[0].id+"'>"+newstart1+"</a>");
                    $("#topicSec").html("<a href='/topic?id="+data[1].id+"'>"+newstart2+"</a>");
                    /* $("#topicThr").hide(); */
                }else{
                  var newstart1=data[0].topicName.replace(re,'<span class="jia_11">'+val+'</span>');
                  var newstart2=data[1].topicName.replace(re,'<span class="jia_11">'+val+'</span>');
                  var newstart3=data[2].topicName.replace(re,'<span class="jia_11">'+val+'</span>');
                  $("#topicFir").html("<a href='/topic?id="+data[0].id+"'>"+newstart1+"</a>");
                    $("#topicSec").html("<a href='/topic?id="+data[1].id+"'>"+newstart2+"</a>");
                    $("#topicThr").html("<a href='/topic?id="+data[2].id+"'>"+newstart3+"</a>");
                }
              }
          });
        $.ajax({
              cache: true,
              type: "POST",
              dataType: "json",
              url:"/article/searchArticle",
              data:$('#searchForm').serialize(),
              async: true,
              error: function(request) {
                //swal("出错！", "程序出错！", "error");  
              },
              success: function(data) {
                /* if(data.length == 0){
                  $("#articleDiv").hide();
                  $("#articleFir").html('');
                  $("#articleSec").html('');
                  $("#articleThr").html('');
                }else{
                } */
                if(data.length<=0) return;
                if(data.length == 1){
                  var newstart1=data[0].articleTitle.replace(re,'<span class="jia_11">'+val+'</span>');
                  $("#articleFir").html("<a href='/article?id="+data[0].id+"'>"+newstart1+"</a>");
                  /* $("#articleSec").hide();
                  $("#articleThr").hide(); */
                }else if(data.length == 2){
                  var newstart1=data[0].articleTitle.replace(re,'<span class="jia_11">'+val+'</span>');
                  var newstart2=data[1].articleTitle.replace(re,'<span class="jia_11">'+val+'</span>');
                  $("#articleFir").html("<a href='/article?id="+data[0].id+"'>"+newstart1+"</a>");
                    $("#articleSec").html("<a href='/article?id="+data[1].id+"'>"+newstart2+"</a>");
                    /* $("#articleThr").hide(); */
                }else{
                  var newstart1=data[0].articleTitle.replace(re,'<span class="jia_11">'+val+'</span>');
                  var newstart2=data[1].articleTitle.replace(re,'<span class="jia_11">'+val+'</span>');
                  var newstart3=data[2].articleTitle.replace(re,'<span class="jia_11">'+val+'</span>');
                  $("#articleFir").html("<a href='/article?id="+data[0].id+"'>"+newstart1+"</a>");
                    $("#articleSec").html("<a href='/article?id="+data[1].id+"'>"+newstart2+"</a>");
                    $("#articleThr").html("<a href='/article?id="+data[2].id+"'>"+newstart3+"</a>");
                }
              }
          });
      }
      });
      $("#searchInput").on('focus',function(){
        _ft = true;
      });
      $("#resultDiv").hover(function(){
        $("#resultDiv").show();
      },function(){
        $("#resultDiv").hide();
      });
      $("#search").click(function(){
        var keyword = $("#searchInput").val();
        $("#search").attr("href","/search?content="+encodeURI(keyword)+"&type=all");
      });
      $("#serchTopicContent").click(function(){
        var keyword = $("#searchInput").val();
        location.href="search-content=.htm"+encodeURI(keyword)+"&type=topic";
      });
      $("#serchArticleContent").click(function(){
        var keyword = $("#searchInput").val();
        location.href="search-content=.htm"+encodeURI(keyword)+"&type=article";
      });
      $("#showAll").click(function(){
        var keyword = $("#searchInput").val();
        location.href="search-content=.htm"+encodeURI(keyword)+"&type=all";
      });
  });
  </script>
  <!--Phone Header-->
  <div class="hidenav-left hidden-desktop hidden-tablet" id="showPan-nav">
    <div class="hunt">
      <form id="phoneSearchForm">
        <input type="text" placeholder="话题、学校、专业" id="phoneSearchInput" name="content">
      </form>
      <a id="phoneSearch"><img src="images/icon-seek.png"></a>
      <script type="text/javascript">
        $(function(){
          $("#phoneSearchInput").keyup(function(){
            $("#phoneTopicDiv").show();
            $("#phoneArticleDiv").show();
            var val = $("#phoneSearchInput").val().trim();
            if(val == ''){
              $("#phoneTopicDiv").hide();
              $("#phoneArticleDiv").hide();
            }
            $("#phoneSearchTopic").html(val);
            $("#phoneSearchArticle").html(val);
            $("#phoneTopicFir").html('');
            $("#phoneTopicSec").html('');
            $("#phoneTopicThr").html('');
            $("#phoneArticleFir").html('');
            $("#phoneArticleSec").html('');
            $("#phoneArticleThr").html('');
            re=new RegExp(val,"g");
            if(val != ''){
              $.ajax({
                    cache: true,
                    type: "POST",
                    dataType: "json",
                    url:"/topic/searchTopicAjax",
                    data:$('#phoneSearchForm').serialize(),
                    async: true,
                    error: function(request) {
                      swal("出错！", "程序出错！", "error");  
                    },
                    success: function(data) {
                      if(data.length == 0){
                        $("#phoneTopicDiv").hide();
                        $("#phoneTopicFir").html('');
                        $("#phoneTopicSec").html('');
                        $("#phoneTopicThr").html('');
                      }else{
                        if(data.length == 1){
                          var newstart1=data[0].topicName.replace(re,'<span style="color: red;">'+val+'</span>');
                          $("#phoneTopicFir").html("<a href='/topic?id="+data[0].id+"'>"+newstart1+"</a>");
                          $("#phoneTopicSec").hide();
                          $("#phoneTopicThr").hide();
                        }else if(data.length == 2){
                          var newstart1=data[0].topicName.replace(re,'<span style="color: red;">'+val+'</span>');
                          var newstart2=data[1].topicName.replace(re,'<span style="color: red;">'+val+'</span>');
                          $("#phoneTopicFir").html("<a href='/topic?id="+data[0].id+"'>"+newstart1+"</a>");
                            $("#phoneTopicSec").html("<a href='/topic?id="+data[1].id+"'>"+newstart2+"</a>");
                            $("#phoneTopicThr").hide();
                        }else{
                          var newstart1=data[0].topicName.replace(re,'<span style="color: red;">'+val+'</span>');
                          var newstart2=data[1].topicName.replace(re,'<span style="color: red;">'+val+'</span>');
                          var newstart3=data[2].topicName.replace(re,'<span style="color: red;">'+val+'</span>');
                          $("#phoneTopicFir").html("<a href='/topic?id="+data[0].id+"'>"+newstart1+"</a>");
                            $("#phoneTopicSec").html("<a href='/topic?id="+data[1].id+"'>"+newstart2+"</a>");
                            $("#phoneTopicThr").html("<a href='/topic?id="+data[2].id+"'>"+newstart3+"</a>");
                        }
                      }
                    }
                });
              $.ajax({
                    cache: true,
                    type: "POST",
                    dataType: "json",
                    url:"/article/searchArticle",
                    data:$('#phoneSearchForm').serialize(),
                    async: true,
                    error: function(request) {
                      swal("出错！", "程序出错！", "error");  
                    },
                    success: function(data) {
                      if(data.length == 0){
                        $("#phoneArticleDiv").hide();
                        $("#phoneArticleFir").html('');
                        $("#phoneArticleSec").html('');
                        $("#phoneArticleThr").html('');
                      }else{
                        if(data.length == 1){
                          var newstart1=data[0].articleTitle.replace(re,'<span style="color: red;">'+val+'</span>');
                          $("#phoneArticleFir").html("<a href='/article?id="+data[0].id+"'>"+newstart1+"</a>");
                          $("#phoneArticleSec").hide();
                          $("#phoneArticleThr").hide();
                        }else if(data.length == 2){
                          var newstart1=data[0].articleTitle.replace(re,'<span style="color: red;">'+val+'</span>');
                          var newstart2=data[1].articleTitle.replace(re,'<span style="color: red;">'+val+'</span>');
                          $("#phoneArticleFir").html("<a href='/article?id="+data[0].id+"'>"+newstart1+"</a>");
                            $("#phoneArticleSec").html("<a href='/article?id="+data[1].id+"'>"+newstart2+"</a>");
                            $("#phoneArticleThr").hide();
                        }else{
                          var newstart1=data[0].articleTitle.replace(re,'<span style="color: red;">'+val+'</span>');
                          var newstart2=data[1].articleTitle.replace(re,'<span style="color: red;">'+val+'</span>');
                          var newstart3=data[2].articleTitle.replace(re,'<span style="color: red;">'+val+'</span>');
                          $("#phoneArticleFir").html("<a href='/article?id="+data[0].id+"'>"+newstart1+"</a>");
                            $("#phoneArticleSec").html("<a href='/article?id="+data[1].id+"'>"+newstart2+"</a>");
                            $("#phoneArticleThr").html("<a href='/article?id="+data[2].id+"'>"+newstart3+"</a>");
                        }
                      }
                    }
                });
            }
          });
          $("#phoneSearch").click(function(){
            var keyword = $("#phoneSearchInput").val();
            $("#phoneSearch").attr("href","/search?content="+encodeURI(keyword)+"&type=all");
          });
          $("#serchPhoneTopicContent").click(function(){
            var keyword = $("#searchInput").val();
            location.href="search-content=.htm"+encodeURI(keyword)+"&type=topic";
          });
          $("#serchPhoneArticleContent").click(function(){
            var keyword = $("#searchInput").val();
            location.href="search-content=.htm"+encodeURI(keyword)+"&type=article";
          });
          $("#showAllPhone").click(function(){
            var keyword = $("#searchInput").val();
            location.href="search-content=.htm"+encodeURI(keyword)+"&type=all";
          });
        });
        </script>
    </div>
    <ul class="mobile-menu">
      <li><a class="sub-a" onclick="setSelectedMenu('index');">首页</a></li>
      <li id="universityLi" class="universityLi"><a class="sub-a" onclick="setSelectedMenu('university');">高校</a>
      </li>
      <li id="majorLi" class="majorLi"><a class="sub-a" onclick="setSelectedMenu('major');">专业</a>
      </li>
      <li id="studyLi" class="studyLi"><a class="sub-a" onclick="setSelectedMenu('study');">学习</a>
      </li>
      <li id="interviewLi" class="interviewLi"><a class="sub-a" onclick="setSelectedMenu('interview');">面试</a>
      </li>
      <li id="policyLi" class="policyLi"><a class="sub-a" onclick="setSelectedMenu('policy');">政策</a>
      </li>
      <li id="evaluationLi" class="evaluationLi"><a class="sub-a" onclick="setSelectedMenu('evaluation');">评测</a>
      </li>
      <li id="volunteerLi" class="volunteerLi"><a class="sub-a" onclick="setSelectedMenu('volunteer');">填志愿</a>
      </li>
      <li id="downloadLi" class="downloadLi"><a class="sub-a" onclick="setSelectedMenu('download');">下资料</a>
      </li>
    </ul>
    <div class="Copyright">
      <a href="article-id=2502.htm" tppabs="http://www.luqu.la/article?id=2502">关于录取啦</a>
      <a href="article-id=2503.htm" tppabs="http://www.luqu.la/article?id=2503">加入我们</a>
      <a href="article-id=2504.htm" tppabs="http://www.luqu.la/article?id=2504">我要投稿</a>
      <p>
      沪ICP备11030714号-7
        <br/>Copyright ©2014 录取啦<br/>高中升学资讯交流平台
      </p>
    </div>
  </div>
  <div class="mobile-nav hidden-desktop hidden-tablet">
    <div class="container">
      <div class="row">
        <div class="hidenav-left-toggle">
        </div>
        <div class="mobile-logo">
          <label for="mobile-logo">
          <img src="images/mobile/logo.png" id="mobile-logo"><span>·</span><span id='spanPhoneTitle'>测评工具</span>
          </label>
        </div>
        <div class="hidenav-right-toggle">
          <img src="images/mobile/user.png">
        </div>
      </div>
    </div>
  </div>
  <div class="hidenav-right hidden-desktop hidden-tablet ">
    <div class="mobile-user">
      <ul class="mobile-menu">
        <!--未登陆-->
        <!--登陆成功-->
        <li class="mobile-login-sign">
        <div class="op" style="background-image: url(http://qzapp.qlogo.cn/qzapp/101198316/3E64598FDF3CB63C77030D7EC7BAF143/30)">
        </div>
        <div class="nickname">
          十一
        </div>
        </li>
        <li class="mobile-area">
        <select id="selProvince" onchange="setProvince(this.value, this.options[selectedIndex].innerText);">
          <option value="ANHUI">安徽</option>
          <option value="BEIJING">北京</option>
          <option value="CHONGQING">重庆</option>
          <option value="FUJIAN">福建</option>
          <option value="GANSU">甘肃</option>
          <option value="GUANGDONG">广东</option>
          <option value="GUANGXI">广西</option>
          <option value="GUIZHOU">贵州</option>
          <option value="HAINAN">海南</option>
          <option value="HEBEI">河北</option>
          <option value="HEILONGJIANG">黑龙江</option>
          <option value="HENAN">河南</option>
          <option value="HUBEI">湖北</option>
          <option value="HUNAN">湖南</option>
          <option value="JIANGSU">江苏</option>
          <option value="JIANGXI">江西</option>
          <option value="JILIN">吉林</option>
          <option value="LIAONING">辽宁</option>
          <option value="NEIMENGGU">内蒙古</option>
          <option value="NINGXIA">宁夏</option>
          <option value="QINGHAI">青海</option>
          <option value="SHANDONG">山东</option>
          <option value="SHANGHAI">上海</option>
          <option value="SHANXI">山西</option>
          <option value="SHANXI2">陕西</option>
          <option value="SICHUAN">四川</option>
          <option value="TIANJIN">天津</option>
          <option value="XIANGGANG">香港</option>
          <option value="XINJIANG">新疆</option>
          <option value="XIZANG">西藏</option>
          <option value="YUNNAN">云南</option>
          <option value="ZHEJIANG" selected="">浙江</option>
        </select>
        </li>
        <li class="mobile-grade">
        <select id="selGrade" onchange="setGrade(this.value, this.options[selectedIndex].innerText);">
          <option value="seniorOne">高一</option>
          <option value="seniorTwo">高二</option>
          <option value="seniorThree">高三</option>
        </select>
        </li>
        <li class="mobile-login-sign"><a href="/settings">我的主页</a></li>
        <li class="mobile-login-sign"><a href="/settings?from=my_favorites">我的收藏</a></li>
        <li class="mobile-login-sign"><a href="/settings?type=attention">我的关注</a></li>
        <li class="mobile-login-sign"><a href="/settings?type=oauth">社交账户</a></li>
        <li class="mobile-login-sign"><a href="/webAdmin/loginOut/out">退出登录</a></li>
      </ul>
    </div>
  </div>
  <!--Phone Header end-->
  <div class="modal hide" role="dialog" id="login-modal">
    <a class="close" data-dismiss="modal" onclick="closeDivEventCount('登录层')"><img src="images/x.png"></a>
    <h1><img src="images/lognin_word.png"></h1>
    <div class="form-arrow">
      <form id="loginForm" action="/webAdmin/loginIn" method="post">
        <p>
          <input class="input-medium User qa" type="text" name="loginName" id="loginName" placeholder="邮箱/手机">
          <span class="phoneMsgWrong" id="validateMsg"></span>
        </p>
        <p>
          <input class="input-medium Password qa" type="password" id="loginPwd" maxlength="16" name="loginPwd" placeholder="密码">
        </p>
        <div class="radio login_e">
          <div class="check-box" id="checkBoxDiv">
            <i>
            <input type="checkbox" name="check-box-login" id="loginCheck">
            </i>
          </div>
          <span>下次自动登录</span>
        </div>
        <a class="forgot" href="#">忘记密码？</a>
        <div class="hf btn btn-primaryt" id="login" onclick="validate('')">
          登  录
        </div>
        <input type="hidden" name="return_url" id="return_url" value="">
      </form>
      <ul class="third-parties">
        <p>
          使用社交账号登录
        </p>
        <li><img class="weixinLogin" src="images/weixin_icon_2.png" style="cursor:pointer" onclick="weixinLogin('')"></li>
        <li><img class="weiboLogin" src="images/weibo_icon_2.png" style="cursor:pointer" onclick="weiboLogin('')"></li>
        <li><img class="renrenLogin" src="images/renren_icon_2.png" style="cursor:pointer" onclick="renrenLogin('')"></li>
        <li><img class="qqLogin" src="images/qq_icon_2.png" style="cursor:pointer" onclick="qqLogin('')"></li>
      </ul>
      <div class="signup">
        <div class="hf text-list" data-toggle="modal" href="#signup-modal" onclick="javascript:$('#login-modal').modal('hide');registPVCount();loginRegistEventCount();">
          还没有账户?
          <i>马上注册</i><img src="images/ok-copy-7.png">
        </div>
      </div>
    </div>
    <script type="text/javascript" src="js/webLogin.js"></script>
    <script type="text/javascript" src="js/oauthLogin.js"></script>
  </div>
  <div class=" modal" id="signup-modal">
    <div class="tab1" id="tab1">
      <div class="menu">
        <ul>
          <a class="close" data-dismiss="modal" onclick="closeDivEventCount('注册层')"><img src="images/x.png"></a>
          <li id="one_1" class="signup-for off" onclick="setTab1(this)"><img src="images/mail.png" id="mailReg"></li>
          <span>|</span>
          <li id="one_2" class="signup-phon" onclick="setTab2(this)"><img src="images/phone.png" id="phoneReg"></li>
        </ul>
      </div>
      <script src="js/regdit.js"></script>
      <script type="text/javascript">
    $(function() {
      var provinceName = $.cookie("provinceName")?$.cookie("provinceName"):"浙江";
      var examYear = getDefaultExamYear();
      $('#provinceName').attr("value",provinceName);
      $('#phoneProvinceName').attr("value",provinceName);
      //$('#examYear').attr("value",examYear);
      //$('#phoneExamYear').attr("value",examYear);
    })
    function setTab1(obj){
      var $obj = $(obj); 
      var id = $obj.attr("id");
      var tabDiv = $obj.closest(".tab1");
      $obj.siblings().removeClass("off");
      $obj.addClass("off");
      $("#con_"+ id, tabDiv).siblings().hide();
      $("#con_"+ id, tabDiv).show();
      $("#mailReg").attr("src","images/mail.png");
      $("#phoneReg").attr("src","images/phone.png");
    }
    function setTab2(obj){
      var $obj = $(obj); 
      var id = $obj.attr("id");
      var tabDiv = $obj.closest(".tab1");
      $obj.siblings().removeClass("off");
      $obj.addClass("off");
      $("#con_"+ id, tabDiv).siblings().hide();
      $("#con_"+ id, tabDiv).show();
      $("#mailReg").attr("src","images/regMail_gray.png");
      $("#phoneReg").attr("src","images/regPhone_red.png");
    }
  </script>
      <div class="menudiv">
        <div id="con_one_1">
          <form id="emailForm">
            <div class="signup-form" id="signup-form">
              <p>
                <input class="input-medium Email" type="email" name="loginName" placeholder="邮箱" id="regditMail" maxlength="50">
                <span class="phoneMsgWrong" id="mailMsg"></span>
              </p>
              <p>
                <input class="input-medium Nickname" type="text" name="userName" placeholder="昵称" id="mailUserName" maxlength="10">
                <span class="phoneMsgWrong" id="mailUserNameMsg"></span>
              </p>
              <p style="position: relative;">
                <input class="input-medium Password" type="password" name="loginPwd" placeholder="密码" id="mailPwd" maxlength="16"><i><img src="images/eye-icon.png" id="showMailPwd"></i>
                <span class="phoneMsgWrong" id="mailPwdMsg"></span>
              </p>
              <p>
              </p>
              <div class="btn-group">
                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <input class="input-medium Province" type="text" placeholder="省份" name="provinceName" id="provinceName" value="浙江">
                <input type="hidden" name="provinceKey" id="provinceKey" value="ZHEJIANG">
                </a>
                <div class="dropdown-menu grade" id="jspscrollProvince" data-toggle="jscrollpane" data-hide-focus="true" style="height: 108px; overflow: hidden; padding: 0px; width: 343px;">
                  <div class="jspContainer" style="width: 343px; height: 108px;">
                    <div class="jspPane" style="padding: 0px; top: 0px; left: 0px; width: 343px;">
                      <div class="scroll">
                        <h1 style="cursor:pointer;" onclick="getProvince('ANHUI','安徽')"><b><b>A</b><b>安徽</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('BEIJING','北京')"><b><b>B</b><b>北京</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('CHONGQING','重庆')"><b><b>C</b><b>重庆</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('FUJIAN','福建')"><b><b>F</b><b>福建</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('GANSU','甘肃')"><b><b>G</b><b>甘肃</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('GUANGDONG','广东')"><b><b>G</b><b>广东</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('GUANGXI','广西')"><b><b>G</b><b>广西</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('GUIZHOU','贵州')"><b><b>G</b><b>贵州</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('HAINAN','海南')"><b><b>H</b><b>海南</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('HEBEI','河北')"><b><b>H</b><b>河北</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('HEILONGJIANG','黑龙江')"><b><b>H</b><b>黑龙江</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('HENAN','河南')"><b><b>H</b><b>河南</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('HUBEI','湖北')"><b><b>H</b><b>湖北</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('HUNAN','湖南')"><b><b>H</b><b>湖南</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('JIANGSU','江苏')"><b><b>J</b><b>江苏</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('JIANGXI','江西')"><b><b>J</b><b>江西</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('JILIN','吉林')"><b><b>J</b><b>吉林</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('LIAONING','辽宁')"><b><b>L</b><b>辽宁</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('NEIMENGGU','内蒙古')"><b><b>N</b><b>内蒙古</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('NINGXIA','宁夏')"><b><b>N</b><b>宁夏</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('QINGHAI','青海')"><b><b>Q</b><b>青海</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('SHANDONG','山东')"><b><b>S</b><b>山东</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('SHANGHAI','上海')"><b><b>S</b><b>上海</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('SHANXI','山西')"><b><b>S</b><b>山西</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('SHANXI2','陕西')"><b><b>S</b><b>陕西</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('SICHUAN','四川')"><b><b>S</b><b>四川</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('TIANJIN','天津')"><b><b>T</b><b>天津</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('XIANGGANG','香港')"><b><b>X</b><b>香港</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('XINJIANG','新疆')"><b><b>X</b><b>新疆</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('XIZANG','西藏')"><b><b>X</b><b>西藏</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('YUNNAN','云南')"><b><b>Y</b><b>云南</b></b></h1>
                        <h1 style="cursor:pointer;" onclick="getProvince('ZHEJIANG','浙江')"><b><b>Z</b><b>浙江</b></b></h1>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <p>
              </p>
              <p>
              </p>
              <div class="btn-group signup-form">
                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <input class="input-medium Grade" type="text" placeholder="高考年份" name="examYear" id="examYear">
                <span class="phoneMsgWrong examYearMsg" style="position: absolute;top: 59px;width: 345px;left:0px;text-align:left;"></span>
                </a>
                <div class="dropdown-menu grade" id="jspscrollYear" data-toggle="jscrollpane" data-hide-focus="true" style="height: 108px; overflow: hidden; padding: 0px; width: 343px;">
                  <div class="jspContainer" style="width: 343px; height: 108px;">
                    <div class="jspPane" style="padding: 0px; top: 0px; left: 0px; width: 343px;">
                      <div class="scroll">
                        <h1 style="cursor:pointer;" onclick="getExamYear('2016');"><b>2016</b></h1>
                        <h1 style="cursor:pointer;" onclick="getExamYear('2017');"><b>2017</b></h1>
                        <h1 style="cursor:pointer;" onclick="getExamYear('2018');"><b>2018</b></h1>
                        <h1 style="cursor:pointer;" onclick="getExamYear('2019');"><b>2019</b></h1>
                        <h1 style="cursor:pointer;" onclick="getExamYear('2020');"><b>2020</b></h1>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <p>
              </p>
              <input type="hidden" name="title" value=""><input type="hidden" name="url" value="">
              <div class="clearfix">
              </div>
              <div class="hf btn btn-primaryty" id="signup" for="email">
                注 册
              </div>
            </div>
          </form>
          <div id="con_one">
            <ul class="third-parties">
              <p>
                使用社交账号登录
              </p>
              <li onclick="weixinLogin('')"><img class="weixinLogin" src="images/weixin_icon_2.png" style="cursor:pointer"></li>
              <li onclick="weiboLogin('')"><img class="weiboLogin" src="images/weibo_icon_2.png" style="cursor:pointer"></li>
              <li onclick="renrenLogin('')"><img class="renrenLogin" src="images/renren_icon_2.png" style="cursor:pointer"></li>
              <li onclick="qqLogin('')"><img class="qqLogin" src="images/qq_icon_2.png" style="cursor:pointer"></li>
            </ul>
            <div class="login">
              <div class="hf text-list" data-toggle="modal" href="#login-modal" onclick="javascript:$('#signup-modal').modal('hide');loginPVCount();registLoginEventCount();">
                <img src="images/ok-copy-8.png">已有账户？<i>登录</i>
              </div>
            </div>
          </div>
        </div>
        <div id="con_one_2" style="display: none;">
          <form id="phoneForm">
            <div class="signup-form" id="signup_phone">
              <p>
                <input class="input-medium Mobile" type="text" name="loginName" id="phone" placeholder="手机">
                <span class="phoneMsgWrong" id="phoneMsg"></span>
              </p>
              <p style="position: relative;">
                <input class="input-medium CdKey" id="phoneCode" type="text" placeholder="验证码"><i id="sendPhoneCode">免费获取</i>
                <span class="phoneMsgWrong" id="codeMsg"></span>
              </p>
              <p>
                <input class="input-medium Nickname" type="text" name="userName" id="phoneUserName" placeholder="昵称">
                <span class="phoneMsgWrong" id="phoneUserNameMsg"></span>
              </p>
              <p>
                <input class="input-medium Password" type="password" name="loginPwd" id="phonePwd" placeholder="密码" maxlength="16"><i><img src="images/eye-icon.png" id="showPhonePwd"></i>
                <span class="phoneMsgWrong" id="phonePwdMsg"></span>
              </p>
              <p>
              </p>
              <div class="btn-group">
                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <input class="input-medium Province" type="text" placeholder="省份" name="provinceName" id="phoneProvinceName" value="浙江">
                <input type="hidden" name="provinceKey" id="phoneProvinceKey" value="ZHEJIANG">
                </a>
                <div class="dropdown-menu grade" id="jspscrollPhone" data-toggle="jscrollpane" data-hide-focus="true" style="height: 108px; overflow: hidden; padding: 0px; width: 343px;">
                  <div class="jspContainer" style="width: 343px; height: 108px;">
                    <div class="jspPane" style="padding: 0px; top: 0px; left: 0px; width: 343px;">
                      <div class="scroll">
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('ANHUI','安徽')"><b>A</b><b>安徽</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('BEIJING','北京')"><b>B</b><b>北京</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('CHONGQING','重庆')"><b>C</b><b>重庆</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('FUJIAN','福建')"><b>F</b><b>福建</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('GANSU','甘肃')"><b>G</b><b>甘肃</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('GUANGDONG','广东')"><b>G</b><b>广东</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('GUANGXI','广西')"><b>G</b><b>广西</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('GUIZHOU','贵州')"><b>G</b><b>贵州</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('HAINAN','海南')"><b>H</b><b>海南</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('HEBEI','河北')"><b>H</b><b>河北</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('HEILONGJIANG','黑龙江')"><b>H</b><b>黑龙江</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('HENAN','河南')"><b>H</b><b>河南</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('HUBEI','湖北')"><b>H</b><b>湖北</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('HUNAN','湖南')"><b>H</b><b>湖南</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('JIANGSU','江苏')"><b>J</b><b>江苏</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('JIANGXI','江西')"><b>J</b><b>江西</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('JILIN','吉林')"><b>J</b><b>吉林</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('LIAONING','辽宁')"><b>L</b><b>辽宁</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('NEIMENGGU','内蒙古')"><b>N</b><b>内蒙古</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('NINGXIA','宁夏')"><b>N</b><b>宁夏</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('QINGHAI','青海')"><b>Q</b><b>青海</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('SHANDONG','山东')"><b>S</b><b>山东</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('SHANGHAI','上海')"><b>S</b><b>上海</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('SHANXI','山西')"><b>S</b><b>山西</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('SHANXI2','陕西')"><b>S</b><b>陕西</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('SICHUAN','四川')"><b>S</b><b>四川</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('TIANJIN','天津')"><b>T</b><b>天津</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('XIANGGANG','香港')"><b>X</b><b>香港</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('XINJIANG','新疆')"><b>X</b><b>新疆</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('XIZANG','西藏')"><b>X</b><b>西藏</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('YUNNAN','云南')"><b>Y</b><b>云南</b></b></h1>
                        <h1 style="cursor:pointer;"><b onclick="getPhoneProvince('ZHEJIANG','浙江')"><b>Z</b><b>浙江</b></b></h1>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <p>
              </p>
              <p>
              </p>
              <div class="btn-group signup-form">
                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                <input class="input-medium Grade" type="text" placeholder="高考年份" name="examYear" id="phoneExamYear">
                <span class="phoneMsgWrong examYearMsg" style="position: absolute;top: 59px;width: 345px;left:0px;"></span>
                </a>
                <div class="dropdown-menu grade" id="jspscroll" data-toggle="jscrollpane" data-hide-focus="true" style="height: 108px; overflow: hidden; padding: 0px; width: 343px;">
                  <div class="jspContainer" style="width: 343px; height: 108px;">
                    <div class="jspPane" style="padding: 0px; top: 0px; left: 0px; width: 343px;">
                      <div class="scroll">
                        <h1 style="cursor:pointer;" onclick="getPhoneExamYear('2016');"><b>2016</b></h1>
                        <h1 style="cursor:pointer;" onclick="getPhoneExamYear('2017');"><b>2017</b></h1>
                        <h1 style="cursor:pointer;" onclick="getPhoneExamYear('2018');"><b>2018</b></h1>
                        <h1 style="cursor:pointer;" onclick="getPhoneExamYear('2019');"><b>2019</b></h1>
                        <h1 style="cursor:pointer;" onclick="getPhoneExamYear('2020');"><b>2020</b></h1>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <p>
              </p>
              <input type="hidden" name="title" value=""><input type="hidden" name="url" value="">
              <div class="clearfix">
              </div>
              <div class="hf btn btn-primaryty" id="signup1" for="tel">
                注 册
              </div>
            </div>
          </form>
          <div class="one_02">
            <ul class="third-parties">
              <p>
                使用社交账号登录
              </p>
              <li onclick="weixinLogin('')"><img class="weixinLogin" src="images/weixin_icon_2.png" style="cursor:pointer"></li>
              <li onclick="weiboLogin('')"><img class="weiboLogin" src="images/weibo_icon_2.png" style="cursor:pointer"></li>
              <li onclick="renrenLogin('')"><img class="renrenLogin" src="images/renren_icon_2.png" style="cursor:pointer"></li>
              <li onclick="qqLogin('')"><img class="qqLogin" src="images/qq_icon_2.png" style="cursor:pointer"></li>
            </ul>
            <div class="login">
              <div class="hf text-list" data-toggle="modal" href="#login-modal" onclick="javascript:$('#signup-modal').modal('hide');loginPVCount();registLoginEventCount();">
                <img src="images/ok-copy-8.png">已有账户？<i>登录</i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script>
    $(".Province").on("click",function(){
        setTimeout(function(){
            $('#jspscrollPhone').data('jsp').reinitialise()
        }, 0);
    });
    </script>
    <!--滚动条依赖-->
    <script src="js/jquery.mousewheel.js"></script>
    <!--滚动条js-->
    <script src="js/jquery.jscrollpane.js"></script>
    <script src="js/hfframework.js"></script>
    <script type="text/javascript" src="js/oauthLogin.js"></script>
  </div>
  <div id="myAnchor" style="position:absolute;top:45px;">
  </div>
  <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="studyCenter">
    <div class="modal-dialog modal-sm">
      <div class="modal-body">
        <img src="images/lu-styudy.png" width="300" height="30">
        <p style="font-size:20px;padding-top:36px;color:#666">
          即将跳转至海风学习中心
          <em class="dotting"></em>
        </p>
      </div>
    </div>
  </div>
  <div class="goStudy" id="goStudy" style="top: 140px; left: 751.5px;">
    <img src="images/lu-styudy.png" width="251" height="25" style="width:251px;height:25px;">
    <p style="font-size:20px;padding-top:36px;color:#666">
      即将跳转至海风学习中心
      <em class="dotting"></em>
    </p>
  </div>
  <div id="goStudyCenter" class="goStudyCenter">
  </div>
  <script>
    $(function(){
      var $goStudy=$("#goStudy");
      function goStudyCenter(event){
        $("#goStudyCenter").show();
        $goStudy.show();
        setTimeout(function(){        
          location.href=event.data.url;
          $("#goStudyCenter").hide();
          $goStudy.hide();
        },2000)
      } 
      function setDialog(scrollH){
        var domHeight=$(window).height();
        var domWidth=$(document).width();
        var wrapH=$goStudy.height();
        var wrapW=$goStudy.width();
        var leftW=(domWidth-wrapW)/2;
        var topH=(domHeight-wrapH)/2;
        if(scrollH){
          $goStudy.css({"top":topH+scrollH});
        }else{
          $goStudy.css({"top":topH,"left":leftW});
        }
      }
      setDialog();
      $(window).scroll(function(){
        var scrollH=$(document).scrollTop();
        setDialog(scrollH); 
      })
      $(".volunteerLi").on("click",{url:"http://www.hfjy.com/html/home/evr_volunte_analysis.html"},goStudyCenter);
      $(".evaluationLi").on("click",{url:"http://www.hfjy.com/html/home/evr_diag.html?urlType=3"},goStudyCenter);
    })
  </script>
</div>
<!-- 头部信息结束 -->
<!--中间部分开始 -->
<div class="wapbg  hidden-phone" >
  <div class="est-content">
    <div class="test-head">
      <img src="images/test_report.jpg" alt="" />
      <ul class="testHul">
         <li><i class="iconfont">&#xe61f;</i> <span>小明</span></li>
         <li><i class="iconfont">&#xe61f;</i><span>上海静安寺外语学校</span></li>
         <li><i class="iconfont">&#xe607;</i><span>2015-01-29</span></li>
      </ul>
    </div>
    <div class="test-boxs bg-test">
      <h3 class="test-title">根据测试，系统测算出以下学科适合您</h3>
      <div class="test-main">
        <div class="pull-left test-left">
          <ul>
            <li class=" color-b1"><i class="iconfont">&#xe608;</i>物理 </li>
            <li class=" color-b2"><i class="iconfont">&#xe605;</i>化学 </li>
            <li class=" color-b3"><i class="iconfont">&#xe609;</i>历史 </li>
          </ul>
        </div>
        <p class="pull-right test-right"> <i class="iconfont">&#xe627;</i> 各学科得分统计，单位：分</p>
      </div>
      <div class="processMain">
        <div class="processLeft">
          <div id="processingbar" class="processingbar"><font>100</font><span>物理</span></div>   
          <div id="processingbar2" class="processingbar"><font>100</font><span>化学</span></div>
          <div id="processingbar3" class="processingbar"><font>90</font><span>政治</span></div> 
        </div>
        <div class="processRight">
          <div class="skillbars clearfix " data-percent="70%">
            <div class="skillbar-title" >生物</div>
            <div class="skillbars-bar" ></div>
            <div class="skill-bar-percent">70%</div>
          </div>
          <div class="skillbars clearfix " data-percent="50%">
            <div class="skillbar-title" >地理</div>
            <div class="skillbars-bar" ></div>
            <div class="skill-bar-percent">50%</div>
          </div>
          <div class="skillbars clearfix " data-percent="30%">
            <div class="skillbar-title" >历史</div>
            <div class="skillbars-bar" ></div>
            <div class="skill-bar-percent">30%</div>
          </div>
        </div> 
        
      </div>
     
    </div>
    <!-- 认知风格报告开始 -->
    <div class="report-box">
      <h3 class="test-title">认知风格报告</h3>
      <div class="report-main">
        <div class="report-left pull-left">
          <div id="container" style="min-width:290px;height:280px"></div>
       
        </div>
        <div class="report-right pull-right">
          <h4>你的认知风格为：<span class="min-2">场依存型</span></h4>
          <p>
            场独立型的人的心理分化程度较高，大脑左右两侧功能高分化，具有较高的思维、认知变通能力和人格自主性，在理性思维方面较为出色，较容易完成要找出问题的关键成分和重新组织材料的任务，喜欢个人钻研、独立思考和学习，不易受到暗示，自信、自尊心强。但是场独立性的人社会敏感度和社交技能往往偏低，与人交往时也很少能体察入微
          </p>
        </div>
      </div>
      
 
      <!-- 认知风格报告结束 -->
      <ul class="report-end">
        <li >
          <i class="iconfont">&#xe603;</i>
          <h4>学科兴趣</h4>
          <p>文科</p>
        </li>
        <li>
          <i class="iconfont">&#xe600;</i>
          <h4>教学偏好</h4>
          <p>条理清晰、结构严密的教学</p>
        </li>
        <li class="noder">
          <i class="iconfont">&#xe60c;</i>
          <h4>学习动机</h4>
          <p>有外在动机支配需要外部激励</p>
        </li>
        <li>
          <i class="iconfont">&#xe601;</i>
          <h4>学习优势</h4>
          <p>善于把握整体，学习系统化、条理化的材料，喜欢与同伴一起讨论或进行协作学习，注意环境要求，很容易适应环境，受大家欢迎，受外在动机支配</p>
        </li>
        <li>
          <i class="iconfont">&#xe60a;</i>
          <h4>学习劣势</h4>
          <p>表示较为谨慎，不愿冒险，但受到批评时，很容易受影响，学习的积极性下降，容易受外界环境的干扰，学习欠主动，受外在动机支配</p>
        </li>
        <li class="noder">
          <i class="iconfont">&#xe602;</i>
          <h4>学习建议</h4>
          <p>善于把握整体，学习系统化、条理化的材料，喜欢与同伴一起讨论或进行协作学习，注意环境要求，很容易适应环境，受大家欢迎，受外在动机支配</p>
        </li>
      </ul>
    </div>
    <!-- 学科兴趣 -->
    <div class="report-box">
      <div class="report-boxs">
        <h3 class="test-title">专业影响</h3>
      </div>
      <!--专业影响头部开始  -->
      <div class="select-mian bg-2">
        <p class="bg-3">针对所报学科为你整理了可能无法填报专业和对应学校如下：</p>
        <ul class="select">
          <li class="select-list" >
            <dl id="select1">
              <dt>院校属地：</dt>
               <dd class="selected"><a href="javascript:void(0);" onclick="filterEventCount('university','地区:上海');getTopicByArea('SHANGHAI');">上海</a></dd>
            
              <dd><a href="javascript:void(0);" onclick="filterEventCount('university','地区:北京');getTopicByArea('BEIJING');">北京</a></dd>
            
              <dd><a href="javascript:void(0);" onclick="filterEventCount('university','地区:天津');getTopicByArea('TIANJIN');">天津</a></dd>
            
              <dd><a href="javascript:void(0);" onclick="filterEventCount('university','地区:浙江');getTopicByArea('ZHEJIANG');">浙江</a></dd>
            
              <dd><a href="javascript:void(0);" onclick="filterEventCount('university','地区:黑龙江');getTopicByArea('HEILONGJIANG');">黑龙江</a></dd>
            
              <dd><a href="javascript:void(0);" onclick="filterEventCount('university','地区:福建');getTopicByArea('FUJIAN');">福建</a></dd>
            
              <dd><a href="javascript:void(0);" onclick="filterEventCount('university','地区:重庆');getTopicByArea('CHONGQING');">重庆</a></dd>
            </dl>
          </li>
          <li class="select-list" >
            <dl id="select2">
              <dt>院校特色：</dt>
                <dd  class="selected"><a href="javascript:void(0);" onclick="filterEventCount('university','层次:');getTopicByLevel('1');">不限</a></dd>
                <dd  class=""><a href="javascript:void(0);" onclick="filterEventCount('university','层次:985');getTopicByLevel('1');">985高校</a></dd>
                <dd> <a href="javascript:void(0);" onclick="filterEventCount('university','层次:211');getTopicByLevel('2');">211</a></dd>
                <dd>
                   <a href="javascript:void(0);" onclick="filterEventCount('university','层次:新兴名校');getTopicByLevel('4');">新兴名校</a>
                </dd>
              <dd>&nbsp;</dd>
            </dl>
          </li>
          
        </ul>
      </div>
      <!--专业影响头部结束 -->
      <!--专业影响搜索开始  -->
      <div class="report-center">
        <ul class="reportTitle">
          <li  class="Titles">复旦大学</li>
          <li>985高校</li>
          <li style="font-size:xx-small;">|</li>
          <li>211</li>
          <li style="font-size:xx-small;">|</li>
          <li>新兴名校</li>
          <li style="font-size:xx-small;">|</li>
        </ul>
        <div class="report-form">
          <p class="report-name">数学类</p>
          <ul>
            <li>选课要求：<span>物理、化学</span></li>
            <li>中外合作办学类专业，德方学校： 吕贝克应用科技大学</li>
          </ul>
        </div>
        <div class="report-form">
          <p class="report-name">数学类</p>
          <ul>
            <li>选课要求：<span>物理、化学</span></li>
            <li>中外合作办学类专业，德方学校： 吕贝克应用科技大学</li>
          </ul>
        </div>
        <div class="report-form">
          <p class="report-name">数学类</p>
          <ul>
            <li>选课要求：<span>物理、化学</span></li>
            <li>中外合作办学类专业，德方学校： 吕贝克应用科技大学</li>
          </ul>
        </div>
      </div>
      <div class="report-center">
        <ul class="reportTitle">
          <li  class="Titles">复旦大学</li>
          <li>985高校</li>
          <li style="font-size:xx-small;">|</li>
          <li>211</li>
          <li style="font-size:xx-small;">|</li>
          <li>新兴名校</li>
          <li style="font-size:xx-small;">|</li>
        </ul>
        <div class="report-form">
          <p class="report-name">数学类</p>
          <ul>
            <li>选课要求：<span>物理、化学</span></li>
            <li>中外合作办学类专业，德方学校： 吕贝克应用科技大学</li>
          </ul>
        </div>
        <div class="report-form">
          <p class="report-name">数学类</p>
          <ul>
            <li>选课要求：<span>物理、化学</span></li>
            <li>中外合作办学类专业，德方学校： 吕贝克应用科技大学</li>
          </ul>
        </div>
        <div class="report-form">
          <p class="report-name">数学类</p>
          <ul>
            <li>选课要求：<span>物理、化学</span></li>
            <li>中外合作办学类专业，德方学校： 吕贝克应用科技大学</li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 分享开始 -->
    <div class="report-box">
      <div class="page_right">
        <div class="footer_right_atten">
        分享到
      </div>
      <ul>
        <li class="weixin weixin-sm"><img src="images/weixin_icon-1.png" border="0" onmouseover="this.src='images/weixin_icon.png'" onmouseout="this.src='images/weixin_icon-1.png'"></li>
        <div class="weixin_page" style="display:none;position: absolute">
          <i></i>
          <img src="images/2w_code.png">
          <p>
            微信扫一扫，关注最新动态
          </p>
        </div>
        <li><a href="#" target="_blank"><img src="images/weibo_icon-1.png" border="0" onmouseover="this.src='images/weibo_icon.png'" onmouseout="this.src='images/weibo_icon-1.png'"></a></li>
        <li><a href="#" target="_blank"><img src="images/renren_icon-1.png" border="0" onmouseover="this.src='images/renren_icon.png'" onmouseout="this.src='images/renren_icon-1.png'"></a></li>
        <li><a href="#" target="_blank"><img src="images/qqzone_icon-1.png" border="0" onmouseover="this.src='images/qqzone_icon.png'" onmouseout="this.src='images/qqzone_icon-1.png'"></a></li>
      </ul>
      </div>
    </div>
  
  </div>
</div>
 <!-- 手机端开始 --> 
<div class="mobile-content visible-phone">
  <div class="report-head">
    <div class="report-title">
      <h2>+3选科评测报告</h2>
     <ul >
         <li ><i class="iconfont">&#xe61f;</i> 小明</li>
         <li ><i class="iconfont">&#xe61f;</i>上海静安寺外语学校</li>
         <li><i class="iconfont">&#xe607;</i>2015-01-29</li>
      </ul>
    </div> 
    <div class="test-boxs  clearfix">
      <h3 class="test-title">根据测试，系统测算出以下学科适合您</h3>
      <div class="test-main">
        <div class="pull-left test-left">
          <ul>
            <li class=" color-b1"><i class="iconfont">&#xe608;</i>物理 </li>
            <li class=" color-b2"><i class="iconfont">&#xe605;</i>化学 </li>
            <li class=" color-b3"><i class="iconfont">&#xe609;</i>历史 </li>
          </ul>
        </div>
        <p class="pull-left test-right"> <i class="iconfont"></i> 各学科得分统计，单位：分</p>
      </div>
      <div class="processMain">
         <div class="processLeft">
          <div id="prbar" class="processingbar"><font>100</font><span>物理</span></div>   
          <div id="prbar2" class="processingbar"><font>100</font><span>化学</span></div>
          <div id="prbar3" class="processingbar"><font>90</font><span>政治</span></div> 
      </div>
      <div class="clearfix"></div>
        <ul class="result-t">
          <li>
            <em ></em>
            <span>生物：80分</span>
          </li>
          <li>
            <em class="cor2"></em>
            <span>地理：60分</span>
          </li>
          <li>
            <em class="cor3"></em>
            <span>历史：20分</span>
          </li>
        </ul>
      </div>
    </div> 
  </div>
 
 <div class="report-head">
   <div class="test-boxs  clearfix">
      <h3 class="test-title">认知风格</h3>
      <div class="imgbox">
        <img src="images/path02.png" alt="">
      </div>
     <div class="report-right">
          <h4>你的认知风格为：<span class="min-2">场依存型</span></h4>
          <p>
            场独立型的人的心理分化程度较高，大脑左右两侧功能高分化，具有较高的思维、认知变通能力和人格自主性，在理性思维方面较为出色，较容易完成要找出问题的关键成分和重新组织材料的任务，喜欢个人钻研、独立思考和学习，不易受到暗示，自信、自尊心强。但是场独立性的人社会敏感度和社交技能往往偏低，与人交往时也很少能体察入微
          </p>
          <img src="images/text2.png" alt="">
      </div>
      <div class="text-ico">
         <ul class="report-end">
          <li >
            <i class="iconfont">&#xe603;</i>
            <h4>学科兴趣</h4>
            <p>文科</p>
          </li>
          <li>
            <i class="iconfont">&#xe600;</i>
            <h4>教学偏好</h4>
            <p>条理清晰、结构严密的教学</p>
          </li>
          <li class="noder">
            <i class="iconfont">&#xe60c;</i>
            <h4>学习动机</h4>
            <p>有外在动机支配需要外部激励</p>
          </li>
          <li>
            <i class="iconfont">&#xe601;</i>
            <h4>学习优势</h4>
            <p>善于把握整体，学习系统化、条理化的材料，喜欢与同伴一起讨论或进行协作学习，注意环境要求，很容易适应环境，受大家欢迎，受外在动机支配</p>
          </li>
          <li>
            <i class="iconfont">&#xe60a;</i>
            <h4>学习劣势</h4>
            <p>表示较为谨慎，不愿冒险，但受到批评时，很容易受影响，学习的积极性下降，容易受外界环境的干扰，学习欠主动，受外在动机支配</p>
          </li>
          <li class="noder">
            <i class="iconfont">&#xe602;</i>
            <h4>学习建议</h4>
            <p>善于把握整体，学习系统化、条理化的材料，喜欢与同伴一起讨论或进行协作学习，注意环境要求，很容易适应环境，受大家欢迎，受外在动机支配</p>
          </li>
        </ul>
      </div>
    </div>
 </div>
 <div class="report-head">
   <div class="test-boxs  clearfix">
      <h3 class="test-title">专业影响</h3>
      <div class="gaoxiao-mobile-choose hidden-tablet hidden-desktop">
      <form>
        <select name="select0" id="select01" onchange="">
          <option value="">全部</option>
          
            <option value="SHANGHAI">上海</option>
          
            <option value="BEIJING">北京</option>
          
            <option value="TIANJIN">天津</option>
          
            <option value="ZHEJIANG">浙江</option>
          
            <option value="HEILONGJIANG">黑龙江</option>
          
            <option value="FUJIAN">福建</option>
          
            <option value="CHONGQING">重庆</option>
          
            <option value="ANHUI">安徽</option>
          
            <option value="GANSU">甘肃</option>
          
            <option value="GUIZHOU">贵州</option>
          
            <option value="GUANGDONG">广东</option>
          
            <option value="GUANGXI">广西</option>
          
            <option value="HUBEI">湖北</option>
          
            <option value="HENAN">河南</option>
          
            <option value="HUNAN">湖南</option>
          
            <option value="HEBEI">河北</option>
          
            <option value="HAINAN">海南</option>
          
            <option value="JIANGSU">江苏</option>
          
            <option value="JIANGXI">江西</option>
          
            <option value="JILIN">吉林</option>
          
            <option value="LIAONING">辽宁</option>
          
            <option value="NINGXIA">宁夏</option>
          
            <option value="NEIMENGGU">内蒙古</option>
          
            <option value="QINGHAI">青海</option>
          
            <option value="SHANXI">山西</option>
          
            <option value="SICHUAN">四川</option>
          
            <option value="SHANXI2">陕西</option>
          
            <option value="SHANDONG">山东</option>
          
            <option value="XIZANG">西藏</option>
          
            <option value="XIANGGANG">香港</option>
          
            <option value="XINJIANG">新疆</option>
          
            <option value="YUNNAN">云南</option>
        </select>
        <select name="select1" id="select02" onchange="">
          <option value="">全部</option>
          
            <option value="1">综合</option>
          
            <option value="2">体育</option>
          
            <option value="3">军事</option>
          
            <option value="4">师范</option>
          
            <option value="5">政法</option>
          
            <option value="6">医药</option>
          
            <option value="7">财政</option>
          
            <option value="8">商学院</option>
          
            <option value="9">农林</option>
          
            <option value="10">艺术</option>
          
            <option value="11">民族</option>
          
            <option value="12">语言</option>
          
            <option value="13">工科</option>
        </select>
      </form>
      <div class="report-center">
        <ul class="reportTitle">
          <li class="Titles">复旦大学</li>
          <li>985高校</li>
          <li style="font-size:xx-small;">|</li>
          <li>211</li>
          <li style="font-size:xx-small;">|</li>
          <li>新兴名校</li>
         
        </ul>
        <div class="report-form">
          <p class="report-name">数学类</p>
          <ul>
            <li>选课要求：<span>物理、化学</span></li>
            <li>中外合作办学类专业，德方学校： 吕贝克应用科技大学</li>
          </ul>
        </div>
        <div class="report-form">
          <p class="report-name">数学类</p>
          <ul>
            <li>选课要求：<span>物理、化学</span></li>
            <li>中外合作办学类专业，德方学校： 吕贝克应用科技大学</li>
          </ul>
        </div>
        <div class="report-form">
          <p class="report-name">数学类</p>
          <ul>
            <li>选课要求：<span>物理、化学</span></li>
            <li>中外合作办学类专业，德方学校： 吕贝克应用科技大学</li>
          </ul>
        </div>
      </div>
    </div>
     
    </div>

 </div>
</div>  
<!--footer开始 -->
<div class="footer hidden-phone">
  <div class="footer_page">
    <div class="footer_left">
      <ul>
        <li>愿你在此所得远不止录取!</li>
        <li><a href="http://www.luqu.la/article?id=2502">关于录取啦</a></li>
        <li><a href="http://www.luqu.la/article?id=2503">加入我们</a></li>
        <li><a href="http://www.luqu.la/article?id=2504">我要投稿</a></li>
        <li><a href="http://www.luqu.la/resource/sitemapTopic.html">网站地图</a></li>
        <li><a href="http://luqu.la/article/newestInfo/out">最新资讯</a></li>
        <p>
          沪ICP备11030714号-7 ©2014 录取啦 高中升学资讯交流平台
        </p>
      </ul>
    </div>
    <div class="footer_right">
      <div class="footer_right_atten">
        关注我们
      </div>
      <ul>
        <li class="weixin weixin-sm"><img src="images/weixin_icon-1.png" border="0" onmouseover="this.src='images/weixin_icon.png'" onmouseout="this.src='images/weixin_icon-1.png'"></li>
        <div class="weixin_page" style="position: absolute; display: none;">
            <i></i>
            <img src="images/2w_code.png">
            <p>微信扫一扫，关注最新动态</p>
        </div>
        <li><a href="http://weibo.com/luqula" target="_blank"><img src="images/weibo_icon-1.png" border="0" onmouseover="this.src='images/weibo_icon.png'" onmouseout="this.src='images/weibo_icon-1.png'"></a></li>
        <li><a href="http://page.renren.com/601902478" target="_blank"><img src="images/renren_icon-1.png" border="0" onmouseover="this.src='images/renren_icon.png'" onmouseout="this.src='images/renren_icon-1.png'"></a></li>
        <li><a href="http://user.qzone.qq.com/2893133922 " target="_blank"><img src="images/qqzone_icon-1.png" border="0" onmouseover="this.src='images/qqzone_icon.png'" onmouseout="this.src='images/qqzone_icon-1.png'"></a></li>
    </ul>
    </div>
  </div>
</div>
<!--footer结束-->
</body>
</html>
